<div class="tree-list-container">
  <!-- (mouseleave)="toggleList('hide')" 去除鼠标离开事件 -->
  <!-- 图层树列表 -->
  <div class="map-layer" *ngIf="showIndex === 0 && basemaps.length>1">
    <app-map-image-list (miClick)='mapImgClick($event)' (currentSelect)="getCurrentSel($event)" [data]='basemaps'
      [type]="'basemaps'"></app-map-image-list>
  </div>
  <!-- 影像图列表 -->
  <div class="map-image" *ngIf="showIndex === 1 && images.length>1">
    <app-map-image-list (miClick)='mapImgClick($event)' (currentSelect)="getCurrentSel($event)" [data]='images'
      [type]="'images'"></app-map-image-list>
  </div>
  <!-- 图层树 -->
  <div class="map-tree" [style.display]="showIndex === 2 ? 'flex' : 'none'">
    <app-map-tree-control (showLegend)="showLegend($event);"></app-map-tree-control>
  </div>
  <!-- 标注列表 -->
  <!-- <div class="map-question" [style.display]="showIndex === 3 ? 'flex' : 'none'">
    <app-question-manage></app-question-manage>
  </div> -->

  <div id="switch-tool">
    <app-mapbox-main-switch (iclick)="switchClick($event)">
    </app-mapbox-main-switch>
  </div>
</div>